import {Component, Input} from '@angular/core';
import {RouterLink, RouterOutlet,RouterLinkActive} from '@angular/router';
import {HeaderComponent} from "./header/header.component";
import {NgForOf, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet} from "@angular/common";
import {AsideComponent} from "./aside/aside.component";
import {UnknowComponent} from "./unknow/unknow.component";
import {MainComponent} from "./main/main.component";

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, RouterOutlet, RouterLink, RouterLinkActive, UnknowComponent, MainComponent, AsideComponent, HeaderComponent, NgIf, NgForOf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css'
})
export class AppComponent {
  title = 'demo';
  showContent=true;
  items=[
    {
      id: 1,
      name:"JAVA",
      flag:true,
    },
    {
      id: 2,
      name:"vue",
      flag:true,
    },
    {
      id:3,
      name:"Angular",
      flag:false,
    },
  ];
  currentItem = { feature: '' };
  btnStyle="width:80px; height:40px;";
  ifShow(){
    this.showContent=!this.showContent;
  };

}
